<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
<script>
  document.write('<table>');
  for (let i = 1; i <= 9; i++) {
    document.write('<tr>');
    for (let j = 1; j <= i; j++) {
      document.write('<td>' + j + ' × ' +  i + ' = ' + i*j + '</td>');
    }
    document.write('</tr>');
  }
  document.write('</table>');

  // 反向乘法表
  document.write('<table>');
  for (let i = 1; i <= 9; i++) {
    document.write('<tr>');
    for (let k = 1; k < 10 - i; k++) {
      document.write('<td />')
    }
    for (let j = i; j > 0; j--) {
      document.write('<td>' + j + ' × ' +  i + ' = ' + i*j + '</td>');
    }
    document.write('</tr>');
  }
  document.write('</table>');

</script>
<style>
  td {
    border: 1px solid lightblue;
  }
</style>
</html>